/**
 * 加载layout
 */
const way = {
    /** 阻止捕获事件 **/
    stopBubble: function (e) {
        if (e && e.stopPropagation) {//非IE浏览器
            e.stopPropagation();
        } else {//IE浏览器
            window.event.cancelBubble = true;
        }
    },
    logic: () => {
        $('.hiv-menu-item').on({
            'click': function () {
                const _findDom = $(this).parents('.hiv-menu-side').find('.hiv-menu-item');
                _findDom.removeClass('hiv-menu-item-drak-active').removeClass('hiv-menu-item-active');
                if ($(this).hasClass('hiv-menu-item-drak')) {
                    $(this).addClass('hiv-menu-item-drak-active');
                } else {
                    $(this).addClass('hiv-menu-item-active');
                };
                const href = $(this).attr('href');
                $(".hiv-main").load("view/"+href+'/'+href+'.html');
            },
            'mouseenter': function () {
                if($(this).index() === 0){
                    var css = {
                       'position': 'absolute',
                       'will-change': 'top, left',
                       'top': 70,
                    }
                    $(this).children('.hiv-tooltip').css(css);
                }else {
                    var css = {
                        'position': 'absolute',
                        'will-change': 'top, left',
                        'top': 64 + 52*($(this).index()) + 8,
                    }
                    $(this).children('.hiv-tooltip').css(css);
                }
                const _findStyle = $(this).parents('.hiv-menu-side').width();
                _findStyle === 70 ? $(this).children('.hiv-tooltip').show() : '';
            },
            'mouseleave': function () {
                const _findStyle = $(this).parents('.hiv-menu-side').width();
                _findStyle === 70 ? $(this).children('.hiv-tooltip').hide() : '';
            },
        })
        $('.hiv-menu-submenu-title').click(function () {
            const _dom = $(this)
            _dom.next().slideToggle(200);
            setTimeout(function () {
                if (_dom.next().css('display') == 'block') {
                    _dom.find('.icon-arrow-left').attr('style', 'transform: translateY(-30%) rotate(180deg);')
                } else {
                    _dom.find('.icon-arrow-left').attr('style', 'transform: translateY(-90%) rotate(0deg);')
                }
            }, 210);
            way.stopBubble(this);
        });
        $('.hiv-header-trigger').click(function () {
            if (!($(this).children('.iconfont').hasClass('icon-zhankai2'))) {
                $('.hiv-menu-item-text').hide();
                $('.icon-arrow-left').hide();
                $('.icon-shouqi').attr('class', 'iconfont icon-zhankai2');
                $('.hiv-sider-logo img').attr('src', './assets/logo-small.png');
                $('.hiv-sider').attr('style', 'width: 70px;min-width: 70px; max-width: 70px;');
                $('.hiv-content').attr('style', 'padding-left: 70px;');
                $('.hiv-header').attr('style', 'width: calc(100% - 70px);left: 70px;');
            } else {
                $('.icon-zhankai2').attr('class', 'iconfont icon-shouqi');
                $('.hiv-sider-logo img').attr('src', './assets/logo-dark.png');
                $('.hiv-sider').attr('style', '');
                $('.hiv-header').attr('style', '');
                $('.hiv-content').attr('style', '');
                $('.hiv-menu-item-text').show();
                $('.icon-arrow-left').show();
            }

        });
    }
}

window.onload = () => {
    way.logic()
}
